<!doctype html>
<html ng-app="app">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>易金所</title>
    <!-- 共用css -->
    <link rel="stylesheet" href="../../public/css/common.css">
    <!-- supplyPay.css -->
    <link rel="stylesheet" href="../../static/home/css/supplyPay.css">

</head>
<body ng-controller="supplyDetails">

    <!-- 状态栏 -->
    <header class="primaryBg">
        <a href="./supplyDetails.html" class="backBtn"><img src="../../public/image/backicon.png" alt=""></a>
        <h1>立即支付</h1>
    </header>

    <!-- 内容 -->
    <article>

        <!-- sectionOne -->
        <section class="sectionOne">
            <h2><span class="primaryColor">订单号：</span>010183201</h2>
            <div class="divContent">
                <img src="../../public/image/xiangu.png" alt="">
                <div>
                    <h3>香菇菌棒一级品种</h3>
                    <p>商家：河南省三门峡灵宝市昌盛食用菌有限责任公司</p>
                    <p>数量：200斤</p>
                </div>
            </div>
        </section><!-- sectionOne -->

        <!-- sectionTwo -->
        <section class="sectionTwo">
            <h2>收货地址</h2>
            <p>李大伟 <span>13829739211</span></p>
            <p><img src="../../public/image/location.png" alt="">广州市天河区科华街乐天大厦A2栋1101房</p>
        </section><!-- sectionTwo -->

        <!-- sectionThree -->
        <section class="sectionThree">
            <dl>
                <dt class="dtTitle">
                    <span>发票信息</span>
                    <em>不开发票&nbsp;&nbsp;&nbsp;&nbsp;<img src="../../public/image/entericon.png" alt=""></em>
                </dt>
                <dd class="ddContent">商品金额 <span>￥470</span></dd>
                <dd class="ddContent">运费 <span>￥10</span></dd>
            </dl>
        </section><!-- sectionThree -->

        <!-- sectionFour -->
        <section class="sectionFour">
            选择支付方式
        </section><!-- sectionFour -->

        <!-- sectionFive -->
        <section class="sectionFive">
            <ul>
                <li class="selectPay">
                    <img src="../../public/image/wechatpay.png" alt="">
                    <div>
                        <p>微信支付</p>
                        <span>推荐安装5.0以上版本的用户使用</span>
                    </div>
                    <label for="input1">
                        <input id="input1" name="radio" type="radio" checked>
                    </label>
                </li>
                <li class="selectPay">
                    <img src="../../public/image/alipay.png" alt="">
                    <div>
                        <p>支付宝支付</p>
                        <span>推荐有支付宝账户的用户使用</span>
                    </div>
                    <label for="input2">
                        <input id="input2" name="radio" type="radio">
                    </label>
                </li>
            </ul>
        </section><!-- sectionFive -->

    </article>

    <footer>
        <button>确认支付 ￥480</button>
    </footer>

</body>
</html>

<!-- 共用js -->
<script src="../../public/js/common.js"></script>
<!-- angular -->
<script src="../../public/js/angular.min.js"></script>
<!-- supplyDetails -->
<script src="../../static/home/js/supplyPay.js"></script>